<!doctype html>
<html>

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>小麦票务订购--演唱会购票记录</title>
    <meta name="description" content="这是一个演唱会管理页面">
    <meta name="keywords" content="index">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="renderer" content="webkit">
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <link rel="icon" type="image/png" href="../assets/i/maizi.png">
    <link rel="apple-touch-icon-precomposed" href="../assets/i/app-icon72x72@2x.png">
    <meta name="apple-mobile-web-app-title" content="Amaze UI" />
    <link rel="stylesheet" href="../assets/css/amazeui.min.css" />
    <link rel="stylesheet" href="../assets/css/admin.css">
    <link rel="stylesheet" href="../assets/css/app.css">
    <script src="../assets/js/echarts.min.js"></script>
    <script src="../assets/js/jquery.min.js"></script>
    <script src="../assets/js/amazeui.min.js"></script>
    <script src="../javascript/alreadybooking.js"></script>
</head>

<body data-type="index">


<header id="header" class="am-topbar am-topbar-inverse admin-header">

</header>







<div class="tpl-page-container tpl-page-header-fixed">


    <div id="sidebar" class="tpl-left-nav tpl-left-nav-hover">

    </div>

    <!--这里写业务逻辑-->
    <div class="tpl-content-wrapper">

        <ol class="am-breadcrumb">
            <li><a href="base.html" class="am-icon-home">首页</a></li>
            <li ><a href="alreadybooking.html">已购票务</a></li>
        </ol>
        <div class="tpl-portlet-components">
            <div class="portlet-title">
                <div class="caption font-green bold">
                    已够票务列表
                </div>
            </div>

            <div class="tpl-block" >
                <div class="am-g">
                    <div class="am-u-sm-12">


                        <form id="table" class="am-form">
                            <table class="am-table am-table-striped am-table-hover table-main">
                                <thead>
                                <tr >
                                    <th  class="table-title">演唱会主题名</th>
                                    <th class="table-type">歌手</th>
                                    <th  class="table-author am-hide-sm-only">日期</th>
                                    <th   class="table-date am-hide-sm-only">地址</th>
                                    <th  class="table-set">操作</th>
                                </tr>
                                </thead>
                                <tbody id="formbody">
                                </tbody>
                            </table>
                            <hr>
                        </form>


                    </div>

                </div>
            </div>
        </div>


    </div>

</div>

<div class="am-modal am-modal-confirm" tabindex="-1" id="delete-confirm">
    <div class="am-modal-dialog">
        <div class="am-modal-hd">注意!</div>
        <div class="am-modal-bd">
            你，确定要删除这条记录吗？
        </div>
        <div class="am-modal-footer">
            <span class="am-modal-btn" data-am-modal-cancel>取消</span>
            <span class="am-modal-btn" data-am-modal-confirm>确定</span>
        </div>
    </div>
</div>

<div class="am-modal am-modal-alert" tabindex="-1" id="delete-success-modal">
    <div class="am-modal-dialog">
        <div class="am-modal-hd">删除成功！</div>
        <div class="am-modal-footer">
            <span class="am-modal-btn">确定</span>
        </div>
    </div>
</div>

<div class="am-modal am-modal-alert" tabindex="-1" id="update-concert">
    <div class="am-modal-dialog">
        <div class="am-g">
            <div class="tpl-form-body tpl-form-line">
                <form class="am-form tpl-form-line-form">
                    <div class="am-form-group">
                        <label  class="am-u-sm-3 am-form-label">演唱会主题</label>
                        <div class="am-u-sm-7" style="float: left">
                            <input readonly="readonly"  type="text" class="tpl-form-input" id="concertname" placeholder="请填写标题文字10-20字左右">
                        </div>
                    </div>

                    <div class="am-form-group">
                        <label  class="am-u-sm-3 am-form-label">歌手 </label>
                        <div class="am-u-sm-7" style="float: left">
                            <input readOnly id="singer" type="text" placeholder="输入歌手姓名">
                        </div>
                    </div>

                    <div class="am-form-group">
                        <label  class="am-u-sm-3 am-form-label">日期 </label>
                        <div class="am-u-sm-7" style="float: left">
                            <input readOnly type="text" id="date" class="am-form-field tpl-form-no-bg" placeholder="日期" data-am-datepicker="" />
                        </div>
                    </div>

                    <div class="am-form-group">
                        <label class="am-u-sm-3 am-form-label">开始时间 </label>
                        <div class="am-u-sm-7" style="float: left">
                            <input  readOnly type="text" id="starttime" placeholder="输入开始时间">
                        </div>
                    </div>

                    <div class="am-form-group">
                        <label class="am-u-sm-3 am-form-label">地址 </label>
                        <div class="am-u-sm-7" style="float: left">
                            <input readOnly type="text"  id="address" placeholder="输入演唱会地址">
                        </div>
                    </div>
                </form>

            </div>
        </div>
        <div class="am-modal-footer">
                <span class="am-modal-btn">确定</span>
        </div>
    </div>
</div>

<div class="am-modal am-modal-alert" tabindex="-1" id="update-success">
    <div class="am-modal-dialog">
        <div class="am-modal-hd">信息修改成功！</div>
        <div class="am-modal-footer">
            <span class="am-modal-btn">确定</span>
        </div>
    </div>
</div>

<div class="am-modal am-modal-alert" tabindex="-1" id="update-error">
    <div class="am-modal-dialog">
        <div class="am-modal-hd">修改失败，请检查信息完整性</div>
        <div class="am-modal-footer">
            <span class="am-modal-btn">确定</span>
        </div>
    </div>
</div>

</body>

</html>